<div class="search">
	<button type="button" ng-click="goBack()" class="info-btn"><img class="btn-icon" src="../img/back.png"><span>返回</span></button>
    <label class="search-checkbox"  ng-class="{'checked': haveInfo('hotel')}">
        <input type="checkbox" ng-click="checkInfo('hotel')"><span>旅馆信息</span>
    </label>
    <label class="search-checkbox"  ng-class="{'checked': haveInfo('netbar')}">
        <input type="checkbox" ng-click="checkInfo('netbar')"><span>网吧信息</span>
    </label>
    <label class="search-checkbox"  ng-class="{'checked': haveInfo('tempLiving')}">
        <input type="checkbox" ng-click="checkInfo('tempLiving')"><span>暂住证信息</span>
    </label>
    <label class="search-checkbox"  ng-class="{'checked': haveInfo('preCriminal')}">
        <input type="checkbox" ng-click="checkInfo('preCriminal')"><span>前科信息</span>
    </label>
    <label class="search-checkbox"  ng-class="{'checked': haveInfo('impPer')}">
        <input type="checkbox" ng-click="checkInfo('impPer')"><span>打防控人员信息</span>
    </label>
</div>
<div class="info">
	<div class="base-info">
	<img ng-src="{{perInfo.photo}}" alt="">
	<div class="per-info">
		<span class="col-md-4">{{perInfo.name}}</span>
		<span class="col-md-4">性别：{{perInfo.XB}}</span>
		<span class="col-md-4">民族：{{perInfo.MZ}}</span>
		<span class="col-md-4">人员类别：<span class="level" ng-class="{1:'first-class',2:'second-class',3:'third-class'}[perInfo.level]"><span class="icon"></span><span>{{perInfo.level|translate:personGroup}}</span></span></span>
		<span class="col-md-4">综合得分：{{perInfo.score}}</span>
		<span class="col-md-4">籍贯：{{perInfo.JG}}<span class="JG" ng-if="perInfo.JGWX==1"><img src="../img/very-dangerous.png" alt="">(高危地区)</span></span>
		<span class="col-md-12">出生日期：{{perInfo.birthday}}</span>
		<span class="col-md-12">身份证编号：{{perInfo.IDNum}}</span>
		<span class="col-md-12">家庭住址：{{perInfo.address}}</span>
	</div>
	<div>
		<button type="button" class="info-btn"><img class="btn-icon" src="../img/track.png"><span>轨迹详情</span></button>
		<button type="button" class="info-btn"><img class="btn-icon" src="../img/related.png"><span>关联人员</span></button>
	</div>

	</div>
	<div class="table-info" ng-show="haveInfo('hotel')">
		<div class="table-title"><span class="table-title-icon"></span><span>旅馆信息</span></div>
		<table class="detail-table">
			<thead>
				<th>旅馆名称</th>
				<th>房号</th>
				<th>入住时间</th>
				<th>离店时间</th>
				<th>旅馆地址</th>
				<th>旅馆编码</th>
			</thead>
			<tr ng-repeat="hotel in hotelData">
				<td>{{hotel.hotelName}}</td>
				<td>{{hotel.roomNum}}</td>
				<td>{{hotel.checkInTime}}</td>
				<td>{{hotel.checkOutTime}}</td>
				<td>{{hotel.hotelAddr}}</td>
				<td>{{hotel.hotelCode}}</td>
			</tr>
		</table>
	</div>
	<div class="table-info" ng-show="haveInfo('netbar')">
		<div class="table-title"><span class="table-title-icon"></span><span>网吧信息</span></div>
		<table class="detail-table">
			<thead>
				<th>网吧名称</th>
				<th>上网时间</th>
				<th>下网时间</th>
				<th>网吧地址</th>
				<th>营业场所代码</th>
			</thead>
			<tr ng-repeat="bar in barData">
				<td>{{bar.barName}}</td>
				<td>{{bar.loginTime}}</td>
				<td>{{bar.logoutTime}}</td>
				<td>{{bar.barAddr}}</td>
				<td>{{bar.barCode}}</td>
			</tr>
		</table>
	</div>
	<div class="table-info" ng-show="haveInfo('tempLiving')">
			<div class="table-title"><span class="table-title-icon"></span><span>暂住证信息</span></div>
		<table class="detail-table">
			<thead>
				<th>暂住证号</th>
				<th>暂住地址</th>
				<th>登记时间</th>
				<th>到期时间</th>
				<th>房主姓名</th>
				<th>管辖派出所</th>
			</thead>
			<tr ng-repeat="temp in tempLiveData">
				<td>{{temp.code}}</td>
				<td>{{temp.address}}</td>
				<td>{{temp.regiTime}}</td>
				<td>{{temp.expireTime}}</td>
				<td>{{temp.ownerName}}</td>
				<td>{{temp.station}}</td>
			</tr>
		</table>
	</div>
	<div class="table-info" ng-show="haveInfo('preCriminal')">
		<div class="table-title"><span class="table-title-icon"></span><span>前科信息</span></div>
		<table class="detail-table">
			<thead>
				<th>七类重点人员</th>
				<th>重点人员标记</th>
				<th>重点人员细类</th>
				<th>立案时间</th>
				<th>现住地</th>
				<th>立案单位</th>
			</thead>
			<tr ng-repeat="preCri in preCriminal">
				<td>{{preCri.type}}</td>
				<td>{{preCri.mark}}</td>
				<td>{{preCri.detailType}}</td>
				<td>{{preCri.time}}</td>
				<td>{{preCri.livingPlace}}</td>
				<td>{{preCri.station}}</td>
			</tr>
		</table>
	</div>
	<div class="table-info" ng-show="haveInfo('impPer')">
		<div class="table-title"><span class="table-title-icon"></span><span>打防控人员信息</span></div>
		<table class="detail-table">
			<thead>
				<th>人员类别</th>
				<th>录入时间</th>
				<th>人员类型</th>
				<th>现住地</th>
				<th>指纹变化</th>
				<th>dna编号</th>
				<th>手段特点</th>
			</thead>
			<tr ng-repeat="impPer in impPers">
				<td>{{impPer.type}}</td>
				<td>{{impPer.time}}</td>
				<td>{{impPer.detailType}}</td>
				<td>{{impPer.livingPlace}}</td>
				<td>{{impPer.fingerprint}}</td>
				<td>{{impPer.dnaCode}}</td>
				<td>{{impPer.chaOfMeans}}</td>
			</tr>
		</table>
	</div>
<!-- 	<div class="special-info">
信息信息信息<br/>信息信息信息<br/>信息信息信息<br/>信息信息信息<br/>
</div>
<div class="btn-info">
<button ng-click="jump()">button1</button>
<button>button2</button>
</div> -->

</div>
